<template>
	<!-- 未開戶提示 -->
	<view class="empty">
		<view class="empty__title">{{$t('open.title')}}</view>
		<view class="empty__logo">
			<image src="@/static/imgs/logo.png" mode="widthFix" class="logo__img"></image>
		</view>
		<view class="empty__main">
			<image src="@/static/imgs/open_empty.png" mode="widthFix" class="main__img"></image>
			<view class="main__title">{{$t('open.tipsTitle')}}</view>
			<view class="main__tips">{{$t('open.tipsContent')}}</view>
		</view>
		<view class="empty__btn" @click="openClick" v-if="openInfo && openInfo.status !== '0' ">{{$t('open.btn')}}</view>
		<view class="empty__btn empty__tips" v-if="status">{{status}}...</view>
	</view>
</template>

<script>
	//审核状态:0=待审核,1=已通过,2=已驳回
	export default{
		data(){
			return {}
		},
		props:{
			openInfo:{
				type:Object,
				default:()=>({})
			}
		},
		computed:{
			status(){
				let status = this.openInfo.status
				let temp ={
					"0":this.$t('open.wait'),
					"1":this.$t('open.pass'),
					"2":this.$t('open.reject'),
				}
				return temp[status]
			}
		},
		methods:{
			openClick(){
				uni.navigateTo({
					url:"/pages/trade/openRegister"
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.empty{
		.empty__title{
			color: #fff;
			font-size: 46rpx;
			text-align: center;
			font-weight: bold;
		}
		.empty__logo{
			@include flexCenter();
			height: 380rpx;
			font-size: 72rpx;
			font-weight: bold;
			color: #161827;
			.logo__img{
				width: 200rpx;
				height: 200rpx;
				border-radius:12rpx; 
			}
		}
		.empty__main{
			@include flexCenter(column);
			.main__img{
				width: 400rpx;
				height: 346rpx;
			}
			.main__title{
				position: relative;
				z-index: 9;
				margin-top: -40rpx;
				font-size: 32rpx;
				color: #fff;
			}
			.main__tips{
				font-size: 32rpx;
				color: #fff;
			}
		}
		.empty__btn{
			margin: 166rpx auto;
			width: 600rpx;
			height: 98rpx;
			background: #458EF4;
			border-radius: 12rpx;
			font-size: 36rpx;
			font-weight: bold;
			color: white;
			@include flexCenter(column);
		}
		.empty__tips{
			background: transparent;
			color: #458EF4;
		}
	}
</style>